import  React from 'react'

import  HomeHeader    from './HomeHeader/HomeHeader'


import  Swiper from '../../components/Swiper/Swiper'


import  banner1 from  '../../static/images/banner1.png'
import  banner2 from  '../../static/images/banner2.png'
import  banner3 from  '../../static/images/banner3.png'


import  HomeHot from './HomeHot/HomeHot'


import  {connect}  from 'react-redux'
  class  Home extends  React.Component {
    render() {
        return(
            <div> 
                 {/* Home */}

                
                <HomeHeader  city={this.props.city}/>

                <Swiper  banners={[banner1,banner2,banner3,banner1]}/>

                <HomeHot/>
                  
               
            </div>
        )
    }
}

function  mapStateToProps(state,props){
    // console.log(state)
    
    return {
        ...state
       
    }
}



export  default  connect(mapStateToProps)(Home)
